<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>AR体验馆</title>
<meta charset="UTF-8">
 <style type="text/css">
 *{margin:0; padding:0}
            .layer0{}
	    .layer0-1{ height:50px; width:60%; color:#FFF; font-size:35px; font-family:youyuan; text-align:center; line-height:50px; background-color:#0A1E58; position:absolute; top:0; filter:alpha(opacity:30); opacity:0.6 ;float:left;}
		
    .a:link{ text-decoration: none;}
	.a:visited{ text-decoration: none; color:#FFF}


    #navigation{ color:#CCC;
	  
	  width:40%;
	height:50px;
	font-size:0.7em;
	text-align:center; 
	position:absolute; top:0; left:60%;
	filter:alpha(opacity:30); opacity:0.6 ;
	float:left;
}
	
	#navigation a{
	height:50px;
	width:25%;
	float:left;
	
	line-height:50px;
	color:#FFFFFF;
	background:#0A1E58;
	
	text-decoration:none;
			
	
 }
    #navigation  a:hover{					
	background-color:#0C0F27;			
	color:#EB6F50;						
	border-bottom:3px solid #EA6346;
  }



           .layer1{
			   width:100%; 
			   height:800px;
			   letter-spacing:10px;
			   background:url(http://www.sightp.com/image/case-icon/bg-banner.jpg);
			   color:white;
			   text-align:center;
			   line-height:650px;
			   font-family:STXihei;
			   background-position:center;
               font-size:48px;

			   }
		   
		   
		   
		   .layer2-1{
			   height:200px;
			   color:black;
			   text-align:center; 
			   font-family:YouYuan;
			   background-color:white; 
			   margin:30px;
			   text-justify:auto; 
			   font-size:56px;
			   line-height:200px;
			   }
		   .layer2{width:100%;}
		    .layer2-2{
			   width:20%;
			   height:40%;
			   color:#7B7B7B;
			   text-align:left; 
			   font-family:YouYuan;
			   font-size:20px; 
			   line-height:200px; 
			   text-justify:auto; 
			   font-size:36px;
			   border-radius:50%;
			   border-style:solid;
			   text-align:center;
			   margin:100px 80px;
			   float:left;
			   }
		   a.cy:link{text-decoration:none; color:#7B7B7B;}
		   a.cy:hover{text-decoration:none; color:#4B4B4B; font-size:44px;}
		   a.cy:visited{text-decoration:none; color:#7B7B7B;}


		   a.js:link{text-decoration:none; color:#7B7B7B;}
		   a.js:hover{text-decoration:none; color:#4b4b4b; font-size:44px;}
		   a.js:visited{text-decoration:none; color:#7B7B7B;}


		   
		   
		    .layer2-3{
			   width:20%;
			   height:40%;
			   color:#7B7B7B;
			   text-align:left; 
			   font-family:YouYuan;
			   font-size:20px; 
			   line-height:200px; 
			   text-justify:auto; 
			   font-size:36px;
			   border-radius:50%;
			   border-style:solid;
			   text-align:center;
			   margin:100px 80px;
			   float:left;
			   }
			   
		   .layer2-4{
			   width:20%;
			   height:40%;
			   color:#7B7B7B;
			   text-align:left; 
			   font-family:YouYuan;
			   font-size:20px; 
			   line-height:200px; 
			   text-justify:auto; 
			   font-size:36px;
			   border-radius:50%;
			   border-style:solid;
			   text-align:center;
			   margin:100px 80px;
			   float:right;
			   }
		   
		   
		   
		   
		   
           .layer3{  
		   color:white;
		   letter-spacing:1px;
		   text-align:left; 
		   background:url(http://www.sightp.com/image/case-icon/bg-fish.jpg?t=201781615227129); 
		   font-size:20px; 
		   text-indent:1CM;
		   line-height:50px; 
		   text-justify:auto; 
		   padding:30px 150px;
		   height:1100px;
		   clear:both;
		   }
		   
		   
		   
		   
            .layer4{
	height: 80px;
	width: 100%;
	background-color: #131313;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
	
    #db{ font-family:heiti; font-size:12px; color:#FFF; text-align:center; line-height:50px; font-weight:inherit;}
    #db a{ font-family:heiti; font-size:12px; color:#FFF; text-align:center; text-decoration:none;}
	#db a:hover{color:#CCC; text-decoration:none;}
	#zd{ font-family:heiti; font-size:12px; color:#FFF; text-align:center;  font-weight:inherit;line-height:10px;}
			   
			  
			  
		.layer1 span{font-size:82px;}	  
		.layer2-1 span{font-size:76px;}	   
		.layer3 bt{font-size:36px;
		           font-family:youyuan;}
		.layer3 p{font-family:YouYuan;}
			   
			   
			       
       </style>
    </head>
    
    
    <body>
       <div class="layer0">
   <div class="layer0-1">AR体验馆</div>
</div>


 <div id="navigation">
	<a class="a" href="#">关于AR</a>
	<a class="a" href="#">主要产品</a>
	<a class="a" href="#">开放平台</a>
	<a class="a" href="#">联系我们</a>
 </div>

       
       <div class="layer1">
       <p>欢迎来到<span>AR</span>的世界</p></div>
       
       
       
       <div class="layer2-1">
       <p>什么是<span>AR</span>？</p>
       </div>
       
<div class="layer2">
       <div class="layer2-2">
       <p><a class="cy" href="7-1.html" target="_blank">项目成员</a></p>
       


       </div>
       
       <div class="layer2-3">
       <p><a class="js" href="项目介绍.html" target="_blank">项目介绍</a></p>
       </div>
       
       <div class="layer2-4">
       <p>AR时装简介</p>
       </div>
</div>      
       
       <div class="layer3">
       <br>
       <br>    
                   
                   
           <bt><a name="sc">市场需求——</a></bt>
           <p>增强现实实现了虚拟信息与真实世界的无缝连接，为虚拟世界和现实世界的接轨提供了通道，通过将计算机图形与真实世界的合二为一，大大降低用户在切换、对应虚实上的时间和工作量。</p>
           <br>
          
          
          
          
            <bt><a name="wz">网站功能——</a></bt>
           <p>增强现实（AR），也被称之为混合现实。它通过电脑技术，将虚拟的信息应用到真实世界，真实的环境和虚拟的物体实时地叠加到了同一个画面或空间同时存在。增强现实提供了在一般情况下，不同于人类可以感知的信息。它不仅展现了真实世界的信息,而且将虚拟的信息同时显示出来，两种信息相互补充、叠加。在视觉化的增强现实中，用户利用头盔显示器，把真实世界与电脑图形多重合成在一起，便可以看到真实的世界围绕着它。</p>
         <br>
           
           
           
       <bt><a name="sy">商业模式</a>——</bt>
           <p>VR/AR行业覆盖了硬件、系统、平台、开发工具、应用以及消费内容等诸多方面。 作为一个还未成熟的产业，VR/AR行业的产业链还比较单薄，参与厂商（尤其是内容提供方）比较少，投入力度不是太大。核心内容生产工具面临较大的研发制作瓶颈，如360°全景拍摄相机，市面上的产品屈指可数。所以在商业模式上，可能与你想象的也会有所不同。Digi-Capital预测，AR/VR硬件销售、AR/VR电子商务、广告收入和移动数据/语音收入将会占据AR/VR利润的80%。</p>
           <br>
           
           <bt><a name="td">团队模式——</a></bt> 
           <p>UI美术、3D美术、Unity（常用）工程师</p>
           <br>
           <br>
           </div>
           
            

        <div class="layer4" id="db">
       <a href="#">联系我们&nbsp;&nbsp;&nbsp;</a>|&nbsp;&nbsp;&nbsp;<a href="#">友情链接</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">QQ群</a>
       <p id="zd">Copyright © 2012 - 2017 AR体验馆（上海）有限公司. All rights reserved. 沪ICP备12345678号</p>
   </div>
    </body>
 </html>